<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> 测试  1</title>
  <meta charset="UTF-8"/>
  <script type='text/javascript' src='jquery/jquery-1.11.1.min.js'></script>
  <script type='text/javascript'>
  	$(function(){
		
		$('div').children('button').css('background','blue');
		
		//$('div').eq(1).next().css('background','blue');//next必须是eq的同辈元素
		
		//$('div').eq(2).next('div').parent().css('background','blue');//筛选，next下一个,parent副级容器
		
		//$('div').eq(0).css('background','blue');//筛选，选择索引为多少的
		
		//$('[align=center]').css('background','blue');//属性选择器
		
		//$('div:even').css('background','blue');//直接显示奇数行颜色
		
		/*
		$('div:even').click(function(){//选择奇数行
		});
		*/
		
		/*$('div:odd').click(function(){//选择偶数行
			
			//alert('hello world');
			//class=类别 .id
		});*/
	});
	
 </script>
 <style type='text/css'>
 	div{border:solid 1px blue}
 </style>
 </head>
 <body>
 	<div id="div">
	  <button>按钮</button>
	</div>
	<div id="div">
	  <button>按钮</button>
	</div>
	<div>世界你好</div>
	<div>世界你好</div>
	<div>世界你好</div>
	<div>世界你好</div>
	<div align="center">世界你好</div>
	<div>世界你好</div>
	<div>世界你好</div>
	<div>世界你好</div>
	
	
 </body>
</html>
